/*
Copyright 2014, KISSY v1.47
MIT Licensed
build time: May 22 12:15
*/
/**
 * Button DPL For KISSY from Bootstrap.
 * @author yiminghe@gmail.com
 */
/**
* Variables to customize the look and feel from Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Snippets of reusable CSS to develop faster and keep code readable from KISSY and Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Variables to customize the look and feel from Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Variables to customize the look and feel from Bootstrap.
*
* @author yiminghe@gmail.com
*/
.ks-button {
  padding: 4px 10px 4px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #333333;
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1 px 2 px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1 px 2 px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1 px 2 px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1 px 2 px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1 px 2 px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1 px 2 px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  *margin-left: .3em;
  *margin-left: .3em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *display: inline;
  *zoom: 1;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ks-button.ks-button-hover,
.ks-button:hover {
  color: #333333;
  background-position: 0 -15px;
  /*
    transition is only when going to hover, otherwise the background
    behind the gradient (there for IE<=9 fallback) gets mismatched
    */

  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #e6e6e6;
}
.ks-button.ks-button-active,
.ks-button:active,
.ks-button.ks-button-checked,
.ks-button.ks-menu-button-open {
  color: #333333;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #cccccc \9;
}
.ks-button.ks-button-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  color: #333333;
  background-position: 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ks-button:first-child {
  *margin-left: 0;
}
.ks-button:first-child {
  *margin-left: 0;
}
.ks-button-large {
  padding: 9px 14px;
  font-size: 14px;
  border-radius: 5px;
}
.ks-button-small {
  padding: 5px 9px;
  font-size: 10px;
}
.ks-button-mini {
  padding: 2px 6px;
  font-size: 10px;
}
.ks-button-primary,
.ks-button-warning,
.ks-button-danger,
.ks-button-success,
.ks-button-info,
.ks-button-inverse {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.ks-button-primary {
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0088cc, #006699);
  background-image: -ms-linear-gradient(top, #0088cc, #006699);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699));
  background-image: -webkit-linear-gradient(top, #0088cc, #006699);
  background-image: -o-linear-gradient(top, #0088cc, #006699);
  background-image: linear-gradient(top, #0088cc, #006699);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#006699', GradientType=0);
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0088cc, #006699);
  background-image: -ms-linear-gradient(top, #0088cc, #006699);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699));
  background-image: -webkit-linear-gradient(top, #0088cc, #006699);
  background-image: -o-linear-gradient(top, #0088cc, #006699);
  background-image: linear-gradient(top, #0088cc, #006699);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#006699', GradientType=0);
  border-color: #006699 #006699 #00334d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0088cc, #006699);
  background-image: -ms-linear-gradient(top, #0088cc, #006699);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699));
  background-image: -webkit-linear-gradient(top, #0088cc, #006699);
  background-image: -o-linear-gradient(top, #0088cc, #006699);
  background-image: linear-gradient(top, #0088cc, #006699);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#006699', GradientType=0);
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0088cc, #006699);
  background-image: -ms-linear-gradient(top, #0088cc, #006699);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699));
  background-image: -webkit-linear-gradient(top, #0088cc, #006699);
  background-image: -o-linear-gradient(top, #0088cc, #006699);
  background-image: linear-gradient(top, #0088cc, #006699);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#006699', GradientType=0);
  border-color: #006699 #006699 #00334d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #ffffff;
}
.ks-button-primary.ks-button-hover,
.ks-button-primary:hover {
  color: #ffffff;
  background-position: 0 -15px;
  /*
    transition is only when going to hover, otherwise the background
    behind the gradient (there for IE<=9 fallback) gets mismatched
    */

  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #006699;
}
.ks-button-primary.ks-button-active,
.ks-button-primary:active,
.ks-button-primary.ks-button-checked,
.ks-button-primary.ks-menu-button-open {
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #004466 \9;
}
.ks-button-primary.ks-button-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  color: #ffffff;
  background-position: 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0088cc, #006699);
  background-image: -ms-linear-gradient(top, #0088cc, #006699);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699));
  background-image: -webkit-linear-gradient(top, #0088cc, #006699);
  background-image: -o-linear-gradient(top, #0088cc, #006699);
  background-image: linear-gradient(top, #0088cc, #006699);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#006699', GradientType=0);
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0088cc, #006699);
  background-image: -ms-linear-gradient(top, #0088cc, #006699);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699));
  background-image: -webkit-linear-gradient(top, #0088cc, #006699);
  background-image: -o-linear-gradient(top, #0088cc, #006699);
  background-image: linear-gradient(top, #0088cc, #006699);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#006699', GradientType=0);
  border-color: #006699 #006699 #00334d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0088cc, #006699);
  background-image: -ms-linear-gradient(top, #0088cc, #006699);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699));
  background-image: -webkit-linear-gradient(top, #0088cc, #006699);
  background-image: -o-linear-gradient(top, #0088cc, #006699);
  background-image: linear-gradient(top, #0088cc, #006699);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#006699', GradientType=0);
  background-color: #007ab8;
  background-image: -moz-linear-gradient(top, #0088cc, #006699);
  background-image: -ms-linear-gradient(top, #0088cc, #006699);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699));
  background-image: -webkit-linear-gradient(top, #0088cc, #006699);
  background-image: -o-linear-gradient(top, #0088cc, #006699);
  background-image: linear-gradient(top, #0088cc, #006699);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#006699', GradientType=0);
  border-color: #006699 #006699 #00334d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ks-button-warning {
  background-color: #faac3c;
  background-image: -moz-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -ms-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fa9f1e));
  background-image: -webkit-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -o-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: linear-gradient(top, #fbb450, #fa9f1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#fa9f1e', GradientType=0);
  background-color: #faac3c;
  background-image: -moz-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -ms-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fa9f1e));
  background-image: -webkit-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -o-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: linear-gradient(top, #fbb450, #fa9f1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#fa9f1e', GradientType=0);
  border-color: #fa9f1e #fa9f1e #c67605;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #faac3c;
  background-image: -moz-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -ms-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fa9f1e));
  background-image: -webkit-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -o-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: linear-gradient(top, #fbb450, #fa9f1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#fa9f1e', GradientType=0);
  background-color: #faac3c;
  background-image: -moz-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -ms-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fa9f1e));
  background-image: -webkit-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -o-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: linear-gradient(top, #fbb450, #fa9f1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#fa9f1e', GradientType=0);
  border-color: #fa9f1e #fa9f1e #c67605;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #ffffff;
}
.ks-button-warning.ks-button-hover,
.ks-button-warning:hover {
  color: #ffffff;
  background-position: 0 -15px;
  /*
    transition is only when going to hover, otherwise the background
    behind the gradient (there for IE<=9 fallback) gets mismatched
    */

  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #fa9f1e;
}
.ks-button-warning.ks-button-active,
.ks-button-warning:active,
.ks-button-warning.ks-button-checked,
.ks-button-warning.ks-menu-button-open {
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #df8505 \9;
}
.ks-button-warning.ks-button-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  color: #ffffff;
  background-position: 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #faac3c;
  background-image: -moz-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -ms-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fa9f1e));
  background-image: -webkit-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -o-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: linear-gradient(top, #fbb450, #fa9f1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#fa9f1e', GradientType=0);
  background-color: #faac3c;
  background-image: -moz-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -ms-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fa9f1e));
  background-image: -webkit-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -o-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: linear-gradient(top, #fbb450, #fa9f1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#fa9f1e', GradientType=0);
  border-color: #fa9f1e #fa9f1e #c67605;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #faac3c;
  background-image: -moz-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -ms-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fa9f1e));
  background-image: -webkit-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -o-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: linear-gradient(top, #fbb450, #fa9f1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#fa9f1e', GradientType=0);
  background-color: #faac3c;
  background-image: -moz-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -ms-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fa9f1e));
  background-image: -webkit-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: -o-linear-gradient(top, #fbb450, #fa9f1e);
  background-image: linear-gradient(top, #fbb450, #fa9f1e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#fa9f1e', GradientType=0);
  border-color: #fa9f1e #fa9f1e #c67605;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ks-button-danger {
  background-color: #ec4d49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -ms-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#e9322d));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -o-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: linear-gradient(top, #ee5f5b, #e9322d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#e9322d', GradientType=0);
  background-color: #ec4d49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -ms-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#e9322d));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -o-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: linear-gradient(top, #ee5f5b, #e9322d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#e9322d', GradientType=0);
  border-color: #e9322d #e9322d #b71713;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #ec4d49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -ms-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#e9322d));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -o-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: linear-gradient(top, #ee5f5b, #e9322d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#e9322d', GradientType=0);
  background-color: #ec4d49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -ms-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#e9322d));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -o-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: linear-gradient(top, #ee5f5b, #e9322d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#e9322d', GradientType=0);
  border-color: #e9322d #e9322d #b71713;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #ffffff;
}
.ks-button-danger.ks-button-hover,
.ks-button-danger:hover {
  color: #ffffff;
  background-position: 0 -15px;
  /*
    transition is only when going to hover, otherwise the background
    behind the gradient (there for IE<=9 fallback) gets mismatched
    */

  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #e9322d;
}
.ks-button-danger.ks-button-active,
.ks-button-danger:active,
.ks-button-danger.ks-button-checked,
.ks-button-danger.ks-menu-button-open {
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #ce1a15 \9;
}
.ks-button-danger.ks-button-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  color: #ffffff;
  background-position: 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ec4d49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -ms-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#e9322d));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -o-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: linear-gradient(top, #ee5f5b, #e9322d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#e9322d', GradientType=0);
  background-color: #ec4d49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -ms-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#e9322d));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -o-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: linear-gradient(top, #ee5f5b, #e9322d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#e9322d', GradientType=0);
  border-color: #e9322d #e9322d #b71713;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #ec4d49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -ms-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#e9322d));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -o-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: linear-gradient(top, #ee5f5b, #e9322d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#e9322d', GradientType=0);
  background-color: #ec4d49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -ms-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#e9322d));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: -o-linear-gradient(top, #ee5f5b, #e9322d);
  background-image: linear-gradient(top, #ee5f5b, #e9322d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#e9322d', GradientType=0);
  border-color: #e9322d #e9322d #b71713;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ks-button-success {
  background-color: #55bc55;
  background-image: -moz-linear-gradient(top, #62c462, #42b142);
  background-image: -ms-linear-gradient(top, #62c462, #42b142);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#42b142));
  background-image: -webkit-linear-gradient(top, #62c462, #42b142);
  background-image: -o-linear-gradient(top, #62c462, #42b142);
  background-image: linear-gradient(top, #62c462, #42b142);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#42b142', GradientType=0);
  background-color: #55bc55;
  background-image: -moz-linear-gradient(top, #62c462, #42b142);
  background-image: -ms-linear-gradient(top, #62c462, #42b142);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#42b142));
  background-image: -webkit-linear-gradient(top, #62c462, #42b142);
  background-image: -o-linear-gradient(top, #62c462, #42b142);
  background-image: linear-gradient(top, #62c462, #42b142);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#42b142', GradientType=0);
  border-color: #42b142 #42b142 #2d792d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #55bc55;
  background-image: -moz-linear-gradient(top, #62c462, #42b142);
  background-image: -ms-linear-gradient(top, #62c462, #42b142);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#42b142));
  background-image: -webkit-linear-gradient(top, #62c462, #42b142);
  background-image: -o-linear-gradient(top, #62c462, #42b142);
  background-image: linear-gradient(top, #62c462, #42b142);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#42b142', GradientType=0);
  background-color: #55bc55;
  background-image: -moz-linear-gradient(top, #62c462, #42b142);
  background-image: -ms-linear-gradient(top, #62c462, #42b142);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#42b142));
  background-image: -webkit-linear-gradient(top, #62c462, #42b142);
  background-image: -o-linear-gradient(top, #62c462, #42b142);
  background-image: linear-gradient(top, #62c462, #42b142);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#42b142', GradientType=0);
  border-color: #42b142 #42b142 #2d792d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #ffffff;
}
.ks-button-success.ks-button-hover,
.ks-button-success:hover {
  color: #ffffff;
  background-position: 0 -15px;
  /*
    transition is only when going to hover, otherwise the background
    behind the gradient (there for IE<=9 fallback) gets mismatched
    */

  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #42b142;
}
.ks-button-success.ks-button-active,
.ks-button-success:active,
.ks-button-success.ks-button-checked,
.ks-button-success.ks-menu-button-open {
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #348c34 \9;
}
.ks-button-success.ks-button-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  color: #ffffff;
  background-position: 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #55bc55;
  background-image: -moz-linear-gradient(top, #62c462, #42b142);
  background-image: -ms-linear-gradient(top, #62c462, #42b142);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#42b142));
  background-image: -webkit-linear-gradient(top, #62c462, #42b142);
  background-image: -o-linear-gradient(top, #62c462, #42b142);
  background-image: linear-gradient(top, #62c462, #42b142);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#42b142', GradientType=0);
  background-color: #55bc55;
  background-image: -moz-linear-gradient(top, #62c462, #42b142);
  background-image: -ms-linear-gradient(top, #62c462, #42b142);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#42b142));
  background-image: -webkit-linear-gradient(top, #62c462, #42b142);
  background-image: -o-linear-gradient(top, #62c462, #42b142);
  background-image: linear-gradient(top, #62c462, #42b142);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#42b142', GradientType=0);
  border-color: #42b142 #42b142 #2d792d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #55bc55;
  background-image: -moz-linear-gradient(top, #62c462, #42b142);
  background-image: -ms-linear-gradient(top, #62c462, #42b142);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#42b142));
  background-image: -webkit-linear-gradient(top, #62c462, #42b142);
  background-image: -o-linear-gradient(top, #62c462, #42b142);
  background-image: linear-gradient(top, #62c462, #42b142);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#42b142', GradientType=0);
  background-color: #55bc55;
  background-image: -moz-linear-gradient(top, #62c462, #42b142);
  background-image: -ms-linear-gradient(top, #62c462, #42b142);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#42b142));
  background-image: -webkit-linear-gradient(top, #62c462, #42b142);
  background-image: -o-linear-gradient(top, #62c462, #42b142);
  background-image: linear-gradient(top, #62c462, #42b142);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#42b142', GradientType=0);
  border-color: #42b142 #42b142 #2d792d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ks-button-info {
  background-color: #4ab9db;
  background-image: -moz-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -ms-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -o-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: linear-gradient(top, #5bc0de, #31b0d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#31b0d5', GradientType=0);
  background-color: #4ab9db;
  background-image: -moz-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -ms-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -o-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: linear-gradient(top, #5bc0de, #31b0d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#31b0d5', GradientType=0);
  border-color: #31b0d5 #31b0d5 #1f7e9a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #4ab9db;
  background-image: -moz-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -ms-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -o-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: linear-gradient(top, #5bc0de, #31b0d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#31b0d5', GradientType=0);
  background-color: #4ab9db;
  background-image: -moz-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -ms-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -o-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: linear-gradient(top, #5bc0de, #31b0d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#31b0d5', GradientType=0);
  border-color: #31b0d5 #31b0d5 #1f7e9a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #ffffff;
}
.ks-button-info.ks-button-hover,
.ks-button-info:hover {
  color: #ffffff;
  background-position: 0 -15px;
  /*
    transition is only when going to hover, otherwise the background
    behind the gradient (there for IE<=9 fallback) gets mismatched
    */

  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #31b0d5;
}
.ks-button-info.ks-button-active,
.ks-button-info:active,
.ks-button-info.ks-button-checked,
.ks-button-info.ks-menu-button-open {
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #2390b0 \9;
}
.ks-button-info.ks-button-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  color: #ffffff;
  background-position: 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #4ab9db;
  background-image: -moz-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -ms-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -o-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: linear-gradient(top, #5bc0de, #31b0d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#31b0d5', GradientType=0);
  background-color: #4ab9db;
  background-image: -moz-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -ms-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -o-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: linear-gradient(top, #5bc0de, #31b0d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#31b0d5', GradientType=0);
  border-color: #31b0d5 #31b0d5 #1f7e9a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #4ab9db;
  background-image: -moz-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -ms-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -o-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: linear-gradient(top, #5bc0de, #31b0d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#31b0d5', GradientType=0);
  background-color: #4ab9db;
  background-image: -moz-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -ms-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: -o-linear-gradient(top, #5bc0de, #31b0d5);
  background-image: linear-gradient(top, #5bc0de, #31b0d5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#31b0d5', GradientType=0);
  border-color: #31b0d5 #31b0d5 #1f7e9a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ks-button-inverse {
  background-color: #4b4b4b;
  background-image: -moz-linear-gradient(top, #555555, #3b3b3b);
  background-image: -ms-linear-gradient(top, #555555, #3b3b3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, #3b3b3b);
  background-image: -o-linear-gradient(top, #555555, #3b3b3b);
  background-image: linear-gradient(top, #555555, #3b3b3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0);
  background-color: #4b4b4b;
  background-image: -moz-linear-gradient(top, #555555, #3b3b3b);
  background-image: -ms-linear-gradient(top, #555555, #3b3b3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, #3b3b3b);
  background-image: -o-linear-gradient(top, #555555, #3b3b3b);
  background-image: linear-gradient(top, #555555, #3b3b3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0);
  border-color: #3b3b3b #3b3b3b #151515;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #4b4b4b;
  background-image: -moz-linear-gradient(top, #555555, #3b3b3b);
  background-image: -ms-linear-gradient(top, #555555, #3b3b3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, #3b3b3b);
  background-image: -o-linear-gradient(top, #555555, #3b3b3b);
  background-image: linear-gradient(top, #555555, #3b3b3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0);
  background-color: #4b4b4b;
  background-image: -moz-linear-gradient(top, #555555, #3b3b3b);
  background-image: -ms-linear-gradient(top, #555555, #3b3b3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, #3b3b3b);
  background-image: -o-linear-gradient(top, #555555, #3b3b3b);
  background-image: linear-gradient(top, #555555, #3b3b3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0);
  border-color: #3b3b3b #3b3b3b #151515;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #ffffff;
}
.ks-button-inverse.ks-button-hover,
.ks-button-inverse:hover {
  color: #ffffff;
  background-position: 0 -15px;
  /*
    transition is only when going to hover, otherwise the background
    behind the gradient (there for IE<=9 fallback) gets mismatched
    */

  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  background-color: #3b3b3b;
}
.ks-button-inverse.ks-button-active,
.ks-button-inverse:active,
.ks-button-inverse.ks-button-checked,
.ks-button-inverse.ks-menu-button-open {
  color: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #222222 \9;
}
.ks-button-inverse.ks-button-disabled {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  opacity: 0.65;
  filter: alpha(opacity=65);
  *zoom: 1;
  color: #ffffff;
  background-position: 0 0;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #4b4b4b;
  background-image: -moz-linear-gradient(top, #555555, #3b3b3b);
  background-image: -ms-linear-gradient(top, #555555, #3b3b3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, #3b3b3b);
  background-image: -o-linear-gradient(top, #555555, #3b3b3b);
  background-image: linear-gradient(top, #555555, #3b3b3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0);
  background-color: #4b4b4b;
  background-image: -moz-linear-gradient(top, #555555, #3b3b3b);
  background-image: -ms-linear-gradient(top, #555555, #3b3b3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, #3b3b3b);
  background-image: -o-linear-gradient(top, #555555, #3b3b3b);
  background-image: linear-gradient(top, #555555, #3b3b3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0);
  border-color: #3b3b3b #3b3b3b #151515;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #4b4b4b;
  background-image: -moz-linear-gradient(top, #555555, #3b3b3b);
  background-image: -ms-linear-gradient(top, #555555, #3b3b3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, #3b3b3b);
  background-image: -o-linear-gradient(top, #555555, #3b3b3b);
  background-image: linear-gradient(top, #555555, #3b3b3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0);
  background-color: #4b4b4b;
  background-image: -moz-linear-gradient(top, #555555, #3b3b3b);
  background-image: -ms-linear-gradient(top, #555555, #3b3b3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#3b3b3b));
  background-image: -webkit-linear-gradient(top, #555555, #3b3b3b);
  background-image: -o-linear-gradient(top, #555555, #3b3b3b);
  background-image: linear-gradient(top, #555555, #3b3b3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0);
  border-color: #3b3b3b #3b3b3b #151515;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/**
 * Button Group for KISSY from bootstrap.
 * @author yiminghe@gmail.com
 */
/**
* Variables to customize the look and feel from Bootstrap.
*
* @author yiminghe@gmail.com
*/
/**
* Snippets of reusable CSS to develop faster and keep code readable from KISSY and Bootstrap.
*
* @author yiminghe@gmail.com
*/
.ks-button-group {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  *display: inline;
  *zoom: 1;
  position: relative;
  *zoom: 1;
  *zoom: 1;
  *margin-left: .3em;
  *margin-left: .3em;
}
.ks-button-group:before,
.ks-button-group:after {
  display: table;
  content: "";
}
.ks-button-group:after {
  clear: both;
}
.ks-button-group:before,
.ks-button-group:after {
  display: table;
  content: "";
}
.ks-button-group:after {
  clear: both;
}
.ks-button-group:first-child {
  *margin-left: 0;
}
.ks-button-group:first-child {
  *margin-left: 0;
}
.ks-button-group + .ks-button-group {
  margin-left: 5px;
}
.ks-button-group .ks-button {
  position: relative;
  float: left;
  margin-left: -1px;
  border-radius: 0;
}
.ks-button-group .ks-button:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ks-button-group .ks-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ks-button-group .ks-button-large:first-child {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.ks-button-group .ks-button-large:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.ks-button-group .ks-button-hover,
.ks-button-group .ks-button:hover,
.ks-button-group .ks-button:focus,
.ks-button-group .ks-button:active,
.ks-button-group .ks-button-focused,
.ks-button-group .ks-button-active {
  z-index: 2;
}
